{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
<title>{% block title %} 首页 {% endblock %}</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="{% static 'css/bootstrap.css' %}" rel="stylesheet" type="text/css" media="all" />
<link href="{% static 'css/style.css' %}" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="{% static 'css/font-awesome.css' %}" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="{% static 'js/jquery-1.11.1.min.js' %}"></script>
<!-- //js -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200italic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="{% static 'js/move-top.js' %}"></script>
<script type="text/javascript" src="{% static 'js/easing.js' %}"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
    <!-- 登陆注册栏 -->
	<div class="agileits_header">
		<div class="container">
			<div class="w3l_offers">
				<!--跳转到all_products.html页面-->
				<p>Welcome to Aurora . <a href="{% url 'meteor:index' %}">SHOP NOW</a></p>
			</div>
			<div class="agile-login">
				<ul>
					<!--跳转到登录/注册页面 registered.html   login.html-->
					<li><a href="{% url 'keystone:register' %}?next={{ request.path }}"> 新用户 </a></li>
					<li><a href="{% url 'keystone:login' %}?next={{ request.path }}">登录</a></li>
				</ul>
			</div>
			<div class="product_list_header">
                <a href="{% url 'comet:toCart' %}"><i class="fa fa-cart-arrow-down" aria-hidden="true" ></i></a>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>

    <!-- 搜索栏 -->
	<div class="logo_products">
		<div class="container">
		<div class="w3ls_logo_products_left1">
				<ul class="phone_email">
					<li><i class="fa fa-phone" aria-hidden="true"></i>客服咨询 : (+0123) 234 567</li>

				</ul>
			</div>
			<div class="w3ls_logo_products_left">
				<!--跳转到首页index.html-->
				<h2><a href="http://127.0.0.1:9000/index.html">Aurora 校园二手交易</a></h2>
			</div>
		<div class="w3l_search">
			<!--搜索产品，根据输入的产品名称，跳转到search_products.html页面(需要传入输入框的内容)，展示搜索后的相关商品-->
			<form action="" method="post">
				<input type="search" name="search" placeholder="搜索产品..." required="">
				<button type="submit" class="btn btn-default search" aria-label="Left Align">
					<i class="fa fa-search" aria-hidden="true"> </i>
				</button>
				<div class="clearfix"></div>
			</form>
		</div>

			<div class="clearfix"> </div>
		</div>
	</div>

    <!-- 导航栏 -->
	<div class="navigation-agileits">
		<div class="container">
			<nav class="navbar navbar-default">
							<!-- 导航栏 -->
							<div class="navbar-header nav_2">
								<button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
								<ul class="nav navbar-nav">
									<!-- 跳转到首页index.html -->
									<li class="active"><a href="{% url 'meteor:index' %}" class="act">首页</a></li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">书籍<b class="caret"></b></a>
										<ul class="dropdown-menu multi-column columns-3">
											<div class="row">
												<div class="multi-gd-img">
													<ul class="multi-column-dropdown">
														<h6>所有书籍</h6>
														<!-- 根据‘类型’ 跳转到search_products.html -->
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2010">会计类</a></li>
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2011">金融类</a></li>
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2012">工程类</a></li>
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2013">计算机类</a></li>
													</ul>
												</div>

											</div>
										</ul>
									</li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">电子产品<b class="caret"></b></a>
										<ul class="dropdown-menu multi-column columns-3">
											<div class="row">
												<div class="multi-gd-img">
													<ul class="multi-column-dropdown">
														<h6>所有电子产品</h6>
														<!-- 根据‘类型’ 跳转到search_products.html -->
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2020">手机</a></li>
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2021">电脑</a></li>
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2022">平板电脑</a></li>
													</ul>
												</div>
											</div>
										</ul>
									</li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">服饰<b class="caret"></b></a>
										<ul class="dropdown-menu multi-column columns-3">
											<div class="row">
												<div class="multi-gd-img">
													<ul class="multi-column-dropdown">
														<h6>所有生活用品</h6>
														<!-- 根据‘类型’ 跳转到search_products.html -->
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2030">衣物</a></li>
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2031">裤装</a></li>
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2032">鞋类</a></li>
													</ul>
												</div>

											</div>
										</ul>
									</li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">生活小部件<b class="caret"></b></a>
										<ul class="dropdown-menu multi-column columns-3">
											<div class="row">
												<div class="multi-gd-img">
													<ul class="multi-column-dropdown">
														<h6>所有鞋类</h6>
														<!-- 根据‘类型’ 跳转到search_products.html -->
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2040">学习类</a></li>
														<li><a href="{% url 'comet:typeProducts' %}?p_type=2041">生活类</a></li>
													</ul>
												</div>
											</div>
										</ul>
									</li>
									<li><a href="{% url 'meteor:news' %}">新闻区</a></li>
									<li><a href="comet/cart.html">个人中心</a></li>
								</ul>
							</div>
							</nav>
			</div>
    </div>

    <!-- 当前页面 -->
    <div class="breadcrumbs">
		<div class="container">
			<ol class="breadcrumb breadcrumb1">
				<li><a href="{% url 'meteor:index' %}"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>首页</a></li>
				<li class="active">{% block page_name %} 当前页面 {% endblock %}</li>
			</ol>
		</div>
	</div>

    <!-- 填充内容 -->
    {% block content %}{% endblock %}
<!-- //new -->
<!-- //footer -->
    <div class="footer">
		<div class="footer-copy">
			<div class="container">
				<p>Copyright &copy; 2018.Company name All rights reserved.More Templates <a href="https://www.tfswufe.edu.cn/" target="_blank" title="tf">西南财经大学天府大学</a> - Collect from <a href="https://www.tfswufe.edu.cn/" title="tf" target="_blank">西南财经大学天府学院</a></p>
			</div>
		</div>
	</div>
	<div class="footer-botm">
			<div class="container">
				<div class="w3layouts-foot">
					<ul>
						<li><a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
						<li><a href="#" class="agile_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						<li><a href="#" class="w3_agile_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
						<li><a href="#" class="w3_agile_vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
					</ul>
				</div>
				<div class="payment-w3ls">
					<img src="{% static 'images/card.png' %}" alt=" " class="img-responsive">
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="{% static 'js/bootstrap.min.js' %}"></script>

<!-- top-header and slider -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear'
				};
			*/

			$().UItoTop({ easingType: 'easeOutQuart' });

			});
	</script>
<!-- //here ends scrolling icon -->
<script src="{% static 'js/minicart.min.js' %}"></script>
<script>
	// Mini Cart
	paypal.minicart.render({
		action: '#'
	});

	if (~window.location.search.indexOf('reset=true')) {
		paypal.minicart.reset();
	}
</script>
<!-- main slider-banner -->
<script src="{% static 'js/skdslider.min.js' %}"></script>
<link href="{% static 'css/skdslider.css' %}" rel="stylesheet">
<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'showNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'});

			jQuery('#responsive').change(function(){
			  $('#responsive_wrapper').width(jQuery(this).val());
			});

		});
</script>
<!-- //main slider-banner -->
</body>
</html>